<template>
  <div class="regist">
    <Layout>
      <Header>
        <header-menu></header-menu>
      </Header>
      <Content style="background-color: #fff">
        <div class="bg">
          <div class="container">
            <router-view></router-view>
          </div>
        </div>
      </Content>
      <Footer>
        <bottom-icon></bottom-icon>
        <page-footer></page-footer>
      </Footer>
    </Layout>
  </div>
</template>

<script>
import HeaderMenu from '@/components/Header/'
import PageFooter from '@/components/Footer/'
import BottomIcon from '@/components/BottomIcon/'

export default {
  name: 'Regist',
  components: {
      HeaderMenu,
      BottomIcon,
      PageFooter
  },
   data () {
      return {
          menu: [
              {id: 1, name: '首页', path: '/my/myindex', count: ''},
              {id: 2, name: '预约', path: '/my/myorder', count: ''},
              {id: 3, name: '日记', path: '/my/mydiary', count: ''},
              {id: 4, name: '圈子', path: '/my/mygroup', count: ''},
              {id: 5, name: '粉丝', path: '/my/myfans', count: '12'},
              {id: 6, name: '关注', path: '/my/myfriending', count: '12'}
          ]
      }
   },
    created () {
    },
    methods: {
    }

}
</script>

<style lang="less" scoped>
  @import "../../style/style.less";
  .regist {
    .bg {
      background-color: @theme-color;
      .container {
        padding: 50px 0;
      }
    }
  }
</style>
